import React from 'react'

/* 
类组件中读取props: this.props.xxx
*/
export class ClassProps extends React.Component {
  render () {
    console.log('ClassProps render()')
    // 读取父组件传入的标签属性
    // console.log(this)
    const {name, age} = this.props
    return <div>ClassProps-用户信息: 姓名: {name}, 年龄: {age}</div>
  }
}

/* 
函数组件: 通过参数对象来接收props
*/
export function FunctionProps(props) {
  console.log('FunctionProps()')
  const {myName, myAge} = props
  return <div>ClassProps-用户信息: 姓名: {myName}, 年龄: {myAge}</div>
}


// export {
//   ClassProps,
//   FunctionProps
// }